<template>
  <!-- 未匹配 404 -->
  <div class="unmatched">
    <CommonHeader title="未匹配 404">
      <template #left>
        <div>
          <Icon name="zuojiantou"></Icon>
          <span>返回</span>
        </div>
      </template>
    </CommonHeader>
    暂无匹配的页面 404
  </div>
</template>

<script>
import CommonHeader from '@/components/common/publicHeader/index.vue';
import Icon from '@/components/common/Icon/index.vue';

export default {
  components: {
    CommonHeader,
    Icon,
  },
}
</script>

<style>
.unmatched {
  height: 100vh;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 20px;
  color: #999;
}


</style>